import React from'react';
import './qjx_mi.css';
import { Space, Switch } from 'antd-mobile'   
import { useNavigate } from "react-router-dom";
import { Input, Form, Button, Cascader } from 'antd-mobile';
import { LeftOutline, RightOutline } from 'antd-mobile-icons'                  
function qjx_mi() {
    const navigate = useNavigate();
    return (
        <div>
            <div className='y_ones'> {/* 修正类名拼写 */}
                <p style={{
                    marginTop: '3px'
                }} onClick={() => navigate('/home/mind')}><LeftOutline fontSize={24} /></p>
                <h2>小米手环设置</h2>
            </div>
            <div className='m_box'>
                <div className='m_box2'>
                    <img src="3.png" alt="" />
                    <div className='m_box3'>
                        <div className='m_box4'></div>
                        <p>设备:小米手环4</p>
                        <p>MAC:78:02:b7:13:33:38</p>
                        <p>电量:86%</p>
                        <p>已绑定</p>
                    </div>
                </div>
            </div>
             <div className="sports-health">
                            <div className="health-item">
                                <div className='qjx_three'>
                                    <svg t="1739329027848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18481" width="200" height="200"><path d="M668.569942 319.879378l-80.895425 87.419002c-27.871791-23.969924-64.10297-38.479383-103.660918-38.479383-87.774089 0-159.183466 71.409376-159.183466 159.183466s71.409376 159.183466 159.183466 159.183466 159.183466-71.409376 159.183466-159.183466c0-37.164435-12.805654-71.393004-34.231639-98.511641l74.114998-80.09213 134.325311 0 138.417513-101.209076-176.671769-4.700045-6.39771-173.903725-104.185874 139.906423L668.567895 319.879378zM484.013599 595.08837c-36.991496 0-67.085908-30.094412-67.085908-67.085908 0-36.990472 30.094412-67.085908 67.085908-67.085908s67.085908 30.094412 67.085908 67.085908C551.099507 564.993958 521.005095 595.08837 484.013599 595.08837z" p-id="18482"></path><path d="M865.186971 350.981746c-0.217964-0.467651-0.428765-0.938372-0.648776-1.404999l-0.064468 0.030699c-2.661619-4.557806-7.591909-7.627724-13.250792-7.627724-8.477069 0-15.349593 6.872524-15.349593 15.349593 0 1.853208 0.344854 3.622504 0.947582 5.266957l-0.068562 0.032746c24.382317 51.91437 36.745902 107.554598 36.745902 165.375491 0 214.763318-174.721347 389.485689-389.484665 389.485689S94.52791 742.765781 94.52791 528.002462 269.25028 138.517797 484.013599 138.517797c59.909461 0 117.342522 13.233396 170.731476 39.320541 2.308579 1.388627 5.001921 2.202155 7.891737 2.202155 8.477069 0 15.349593-6.872524 15.349593-15.349593 0-5.991458-3.440355-11.167341-8.445346-13.69593l0.039909-0.080841c-58.004065-28.596292-120.437-43.095517-185.566346-43.095517-56.717769 0-111.747083 11.111059-163.559123 33.026184-50.036603 21.164019-94.972025 51.458999-133.555785 90.042759s-68.87874 83.519182-90.042759 133.555785C74.940806 416.255379 63.828724 471.285716 63.828724 528.002462c0 56.717769 11.111059 111.747083 33.026184 163.559123 21.164019 50.036603 51.458999 94.972025 90.042759 133.555785s83.519182 68.879764 133.555785 90.042759c51.812039 21.915126 106.841354 33.026184 163.559123 33.026184 56.717769 0 111.747083-11.111059 163.559123-33.026184 50.036603-21.164019 94.972025-51.458999 133.555785-90.042759s68.87874-83.518159 90.041736-133.555785c21.915126-51.813063 33.026184-106.841354 33.026184-163.559123 0-61.678758-13.059434-121.07145-38.801724-176.570461C865.331257 351.278505 865.255533 351.132172 865.186971 350.981746z" p-id="18483"></path></svg>
                                </div>
                                <span>来电提醒</span>
                                <Switch />
                            </div>
                            <div className="health-item">
                                <div className='qjx_three'>
                                    <svg t="1739329109226" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19538" width="200" height="200"><path d="M236.8 886.4v-4.8zM240 886.4h-3.2 3.2zM280 507.2c91.2 0 163.2 73.6 163.2 163.2 0 91.2-73.6 163.2-163.2 163.2-14.4 0-28.8-1.6-43.2-6.4V880c14.4 3.2 28.8 4.8 43.2 4.8 118.4 0 216-96 216-216 0-118.4-96-216-216-216-14.4 0-28.8 1.6-43.2 4.8v52.8c12.8-1.6 27.2-3.2 43.2-3.2zM812.8 270.4c16 0 25.6-16 25.6-35.2v-70.4C840 144 830.4 128 812.8 128c-16 0-25.6 16-25.6 35.2v70.4c0 20.8 9.6 36.8 25.6 36.8zM400 270.4c19.2 0 25.6-16 25.6-35.2v-70.4C425.6 144 420.8 128 400 128s-25.6 16-25.6 35.2v70.4c0 20.8 6.4 36.8 25.6 36.8zM606.4 270.4c17.6 0 25.6-16 25.6-35.2v-70.4C632 144 624 128 606.4 128s-25.6 16-25.6 35.2v70.4c0 20.8 8 36.8 25.6 36.8zM176 644.8c-14.4 0-25.6 11.2-25.6 25.6s11.2 25.6 25.6 25.6h60.8v-51.2H176z" fill="#666666" p-id="19539"></path><path d="M115.2 670.4c0-75.2 51.2-139.2 120-158.4v-52.8C137.6 480 64 566.4 64 670.4c0 104 73.6 190.4 172.8 211.2v-52.8c-70.4-19.2-121.6-83.2-121.6-158.4zM236.8 459.2v-56 56zM236.8 644.8v-131.2 131.2zM921.6 198.4h-48v36.8c0 38.4-28.8 65.6-70.4 65.6S736 275.2 736 235.2v-36.8h-68.8v36.8c0 38.4-36.8 65.6-68.8 65.6s-68.8-27.2-68.8-65.6v-36.8h-68.8v36.8c0 40-27.2 65.6-67.2 65.6-41.6 0-70.4-27.2-70.4-65.6v-36.8h-48c-20.8 0-38.4 17.6-38.4 36.8v168h43.2c147.2 0 267.2 116.8 267.2 262.4 0 92.8-40 156.8-96 195.2-22.4 16-22.4 16-46.4 25.6h520c20.8 0 38.4-16 38.4-36.8V235.2c-3.2-20.8-20.8-36.8-41.6-36.8z m-12.8 636.8H550.4c19.2-22.4 32-43.2 38.4-68.8h240c17.6 0 27.2-16 27.2-25.6 0-9.6-9.6-25.6-27.2-25.6H596.8c1.6-14.4 1.6-30.4 1.6-48 0-19.2-1.6-36.8-4.8-54.4h228.8c20.8 0 33.6-12.8 33.6-25.6s-12.8-25.6-33.6-25.6H580.8h-1.6c-14.4-38.4-35.2-73.6-62.4-104h305.6c20.8 0 33.6-11.2 33.6-25.6 0-14.4-12.8-25.6-33.6-25.6H456c-48-32-105.6-51.2-168-52.8v-54.4c20.8 32 59.2 54.4 105.6 54.4 46.4 0 84.8-20.8 104-54.4 22.4 32 60.8 54.4 102.4 54.4 41.6 0 80-22.4 102.4-54.4 20.8 35.2 57.6 54.4 104 54.4 44.8 0 84.8-20.8 105.6-54.4v536zM236.8 696v132.8-132.8z" fill="#666666" p-id="19540"></path><path d="M252.8 696v76.8c0 14.4 11.2 25.6 25.6 25.6s25.6-11.2 25.6-25.6v-76.8h76.8c14.4 0 25.6-11.2 25.6-25.6s-11.2-25.6-25.6-25.6H304v-76.8c0-14.4-11.2-25.6-25.6-25.6s-25.6 11.2-25.6 25.6v76.8h-17.6v51.2h17.6z" fill="#666666" p-id="19541"></path></svg>
                                </div>
                                <span>短信提醒</span>
                                <Switch />
                            </div>
                            <div className="health-item">
                                <div className='qjx_s'>
                                    <svg t="1739329188177" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20684" width="200" height="200"><path d="M512 85.333333c129.6 0 234.666667 105.066667 234.666667 234.666667 0 84.256-44.394667 158.133333-111.072 199.52a425.28 425.28 0 0 1 152.853333 83.466667 32 32 0 1 1-41.493333 48.736A361.045333 361.045333 0 0 0 512 565.333333c-188.672 0-345.429333 144.672-361.344 331.413334a32 32 0 0 1-63.765333-5.429334c15.114667-177.322667 138.048-322.346667 301.546666-371.786666C321.76 478.165333 277.333333 404.266667 277.333333 320c0-129.6 105.066667-234.666667 234.666667-234.666667z m415.946667 627.381334l1.066666 1.013333a29.824 29.824 0 0 1 0 43.413333l-162.261333 152.96a31.925333 31.925333 0 0 1-22.762667 8.704 31.925333 31.925333 0 0 1-22.773333-8.704l-93.184-87.84a29.824 29.824 0 0 1 0-43.413333l1.077333-1.013333a32 32 0 0 1 43.904 0l70.976 66.901333 140.053334-132.021333a32 32 0 0 1 43.904 0zM512 149.333333c-94.261333 0-170.666667 76.405333-170.666667 170.666667s76.405333 170.666667 170.666667 170.666667 170.666667-76.405333 170.666667-170.666667-76.405333-170.666667-170.666667-170.666667z" fill="#000000" p-id="20685"></path></svg>
                                </div>
                                <span>设备闹钟</span>
                                <RightOutline />
                            </div>
                            <div className="health-item">
                                <div className='qjx_s'>
                                    <svg t="1739329350483" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26216" width="200" height="200"><path d="M445.9008 277.0944a77.4144 77.4144 0 0 1-55.2448-23.1936 77.9776 77.9776 0 1 1 55.2448 23.1936z m0-132.352a53.0432 53.0432 0 0 0-35.84 90.1632 50.2272 50.2272 0 0 0 35.84 15.36 52.0192 52.0192 0 0 0 51.2-52.6848 51.2 51.2 0 0 0-51.2-52.8384zM487.3216 906.24C345.5488 906.24 230.4 788.736 230.4 644.3008a262.0928 262.0928 0 0 1 89.7024-197.9904 13.4656 13.4656 0 0 1 17.664 20.48 235.1104 235.1104 0 0 0-80.5888 177.6128c0 129.536 103.2192 234.9568 230.4 234.9568A226.56 226.56 0 0 0 670.72 785.5616a13.4656 13.4656 0 0 1 21.6576 16.0768A253.2864 253.2864 0 0 1 487.3216 906.24z" fill="#444444" p-id="26217"></path><path d="M794.2656 797.3376a52.5824 52.5824 0 0 1-44.9024-24.7808l-81.92-145.0496H464.7424a78.9504 78.9504 0 0 1-79.2576-72.6528l-11.4688-182.8864a77.2096 77.2096 0 0 1 71.68-81.92 73.5744 73.5744 0 0 1 54.9888 19.6096 78.08 78.08 0 0 1 25.6 52.8896l2.56 17.3056h109.6704a43.2128 43.2128 0 0 1 42.7008 43.4688 43.9808 43.9808 0 0 1-41.7792 43.776h-105.0624l0.8192 31.4368h149.1456a51.2 51.2 0 0 1 43.1616 25.6l110.5408 194.56a52.7872 52.7872 0 0 1-18.176 71.1168 50.5856 50.5856 0 0 1-25.6 7.5264zM450.56 316.8256h-3.0208a50.2272 50.2272 0 0 0-46.5408 53.504L412.416 552.96a52.0704 52.0704 0 0 0 52.3264 47.616h210.3296a13.5168 13.5168 0 0 1 11.776 6.8608l85.76 151.552a25.6 25.6 0 0 0 33.4848 8.3456 25.6 25.6 0 0 0 8.3968-35.1232l-110.4384-194.56a23.552 23.552 0 0 0-20.1216-12.032H522.24a13.5168 13.5168 0 0 1-13.4656-13.1584L506.88 453.888a13.568 13.568 0 0 1 13.4656-13.824h117.76a17.1008 17.1008 0 0 0 15.7184-16.7936 16.128 16.128 0 0 0-16.0256-16.4864H517.12a13.5168 13.5168 0 0 1-13.3632-11.52l-4.4544-29.952a52.0192 52.0192 0 0 0-16.7424-35.84A47.616 47.616 0 0 0 450.56 316.8256z" fill="#444444" p-id="26218"></path></svg>
                                </div>
                                <span>久坐提醒</span>
                                <RightOutline />
                            </div>
                        </div>
        </div>
    )
}
export default qjx_mi;